<template>
  <div id="app">
    <Header :defaultActive="defaultActive" @setActive="setActive"/>

    <router-view></router-view>
  </div>
</template>
<script>

import Header from '@/components/header'

export default {
  data(){
    return{
      defaultActive:0
    }
  },
  methods:{
    setActive(index,path){
      this.defaultActive = index;
      this.$router.push(path)
    }
 
  },
  components:{
      Header
  },
}
</script>
<style>
html,body,div{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
</style>
